<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="shortcut icon" href="https://wx.gtimg.com/core/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="./css/public.css"/>
		<title>产品大全 - 微信商户平台</title>
		<style type="text/css">
			html,body{
				margin: 0;
				padding: 0;
				color: #333333;
				font-size: 14px;
			}
			/* 中间主体 */
			.main{
				background: url(img/bg_half.png) center repeat-y;
				display: flex;
				flex-direction: row;
				justify-content: center;
			}
			/* 左 */
			.main-l{
				width: 186px;
				background: #fafafa;
				padding: 2px 0;
			}
			.lTit{
				color: #999999;
				padding-top: 28px;
			}
			.lp{
				padding: 28px 0;
				border-top: 1px solid #E0E0E0;
			}
			.selected{
				color: #00c250;
			}
			.nav>div:hover,.lp:hover{
				cursor:pointer;
				color: #00C250;
			}
			/* 右 */
			.main-r{
				width: 958px;
				padding-top: 32px;
				padding-left: 40px;
				background: #FFFFFF;
			}
			.mainTit{
				padding-bottom: 24px;
				font-size: 20px;
				line-height: 1;
				border-bottom: 1px solid #E0E0E0;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: flex-end;
			}
			.mainTit span{
				margin-left: 15px;
				font-size: 14px;
				color: #888888;
			}
			.wgjlTit{
				margin-bottom: 30px;
				height: 14px;
				line-height: 1;
				margin-top: 30px;
				padding-left: 10px;
				border-left: 3px solid #00c250;
			}
			.nav{
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
			.list{
				width: 300px;
				display: flex;
				flex-direction: row;
				align-items: center;
				border: 1px solid #e7eaf0;
				margin-bottom: 17px;
				margin-right: 17px;
			}
			.nolist{

			}
			.list img{
				width: 58px;
				height: 58px;
				border-radius: 500px;
				margin-left: 17px;
			}
			.list:hover{
				background: #fafbfc;
			}
			.list1 img{
				background: #4fbc2d;
			}
			.list2 img{
				background: #f17d28;
			}
			.list3 img{
				background: #3299b4;
			}
			.list4 img{
				background: #e74c4c;
			}
			.list5 img{
				background: #4fbc2d;
			}
			.list>div{
				flex: 1;
				padding: 15px 15px 18px 15px;
			}
			.list>div>div:nth-child(1){
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
			}
			.list>div>div:nth-child(1)>div:nth-child(1){
				flex: 1;
				color: #222222;
				font-size: 16px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow:ellipsis;
			}
			.list>div>div:nth-child(1)>div:nth-child(2){
				color: #8d8d8d;
				font-size: 12px;
			}
			.ico-plaint{
				display: inline-block;
				width: 2px;
				height: 11px;
				margin: -3px 5px 0 0;
				vertical-align: middle;
				background: url(img/ico_plaint.png) no-repeat;
			}
			.list>div>div:nth-child(2){
				color: #8d8d8d;
				font-size: 12px;
				margin-top: 4px;
			}
			/* 自动提现 */
			.zdtxTit{
				color: #999999;
				margin-bottom: 32px;
			}
			.statusIcon{
				display: inline-block;
				width: 48px;
				height: 48px;
				background: url(./img/sprite.png) no-repeat;
				background-position: -50px -69px;
				margin: 0 10px;
			}
			.tx>div:nth-child(1){
				background: #fafafa;
				border: 1px solid #f2f4f7;
				padding: 13px 20px;
				border-radius: 4px;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
			}
			.tx>div:nth-child(1)>div:nth-child(1){
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			.btn{
				background: #00c250;
				margin-left: 24px;
				height: 40px;
				line-height: 40px;
				padding: 0 37px;
				color: #FFFFFF;
				border-radius: 4px;
			}
			.btn1{
				background: #eeeeee;
				margin-left: 24px;
				height: 40px;
				line-height: 40px;
				padding: 0 37px;
				color: #333333;
				border-radius: 4px;
			}
			.tx>div:nth-child(2){
				background: #FFF6F6;
				padding: 12px 50px 12px 24px;
				border: 1px solid #FEE0E0;
				border-radius: 4px;
			}
			.txtTit{
				border-bottom: 1px solid #EEEEEE;
				margin-top: 54px;
				margin-bottom: 30px;
			}
			.txtTit>div{
				display: inline-block;
				border: 1px solid #EEEEEE;
				border-bottom: none;
				border-radius: 0 4px 0 0;
				padding: 0 20px;
				line-height: 38px;
				background: #FFFFFF;
				position: relative;
				top: 1px;
				color: #00c250;
			}
			.text{
				padding: 0 13px;
			}
			.text1{
				padding-left: 21px;
			}
			.text1>div{
				display: flex;
				flex-direction: row;
			}
			.text1>div>div>div:nth-child(2){
				color: #8d8d8d;
			}
			.ico-sign{
				display: inline-block;
				width: 11px;
				height: 11px;
				background: url(./img/ico_sign.png) no-repeat;
				position: relative;
				top: 8px;
				right: 8px;
			}
		</style>
	</head>
	<body>
		<!-- 头部 -->
		<div class="head">
			<div class="headContent-t">
				<div>
					<i class="ico-news"></i>
					消息中心
				</div>
				<div>
					<i class="ico-search"></i>
					服务商搜索
				</div>
				<div>
					<i class="ico-help"></i>
					帮助中心
				</div>
				<div>
					<i class="ico-docu"></i>
					我的账号
					<span class="arrow"></span>
				</div>
			</div>
		</div>
		<div class="headContent-b">
			<div>
				<img src="./img/logo.png" >
				<div class="headContent-r">
					<ul>
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="transaction.html">交易中心</a>
						</li>
						<li>
							<a href="account.html">账户中心</a>
						</li>
						<li>
							<a href="#">营销中心</a>
						</li>
						<li class="selected">
							<a href="#" style="color: #00C250;">产品中心</a>
						</li>
						<li>
							<a class="ab" href="#">数据中心</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- 中间 -->
		<div class="main">
			<div class="main-l">
				<div class="lTit">产品大全</div>
				<div class="lp selected cpzxBtn" style="border-top: none;">我的产品</div>
				<div class="lp">开发配置</div>
				<div class="lp">AppID账号管理</div>
			</div>
			<div class="main-r">
				<!-- 产品大全 -->
				<div class="cpdq">
					<div class="mainTit">产品大全
						<div>
							<span style="color: #3a3a3a;">全部</span>
							<span>未开通</span>
							<span>申请中</span>
							<span>已开通</span>
							<span>已过期</span>
							<span>已关闭</span>
						</div>
					</div>
					<div class="wgjlTit">增值功能</div>
					<div class="nav">
						<div class="list list1">
							<img src="img/cpImg/product_logo_1526543704_9wI.png" >
							<div>
								<div>
									<div>企业微信</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>企业内部支付及管理能力，如给员工发红包、报销付款等</div>
							</div>
						</div>
					</div>
					<div class="wgjlTit">支付产品</div>
					<div class="nav">
						<div class="list list2">
							<img src="img/cpImg/product_logo_1474444969_g91.png" >
							<div>
								<div>
									<div>JSAPI支付</div>
								</div>
								<div>商户调用JSAPI接口，调起微信支付模块收款</div>
							</div>
						</div>
						<div class="list list2">
							<img src="img/cpImg/product_logo_1480405051_Ekl.png" >
							<div>
								<div>
									<div>APP支付</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>用户在APP中发起支付</div>
							</div>
						</div>
						<div class="list list2">
							<img src="img/cpImg/product_logo_1480405469_DCl.png" >
							<div>
								<div>
									<div>Native支付</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>商户系统按微信支付协议生成支付二维码，用户扫码支付</div>
							</div>
						</div>
						<div class="list list2">
							<img src="img/cpImg/product_logo_1480405253_cnb.png" >
							<div>
								<div>
									<div>付款码支付</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>用户打开微信钱包付款卡页面，商户扫码完成支付</div>
							</div>
						</div>
						<div class="list list2 h5zfBtn">
							<img src="img/cpImg/product_logo_1500621972_vm7.png" >
							<div>
								<div>
									<div>H5支付</div>
								</div>
								<div>在微信客户端外的移动端网页使用微信支付</div>
							</div>
						</div>
						<div class="list list2">
							<img src="img/cpImg/product_logo_1562678148_FZA.jpg" >
							<div>
								<div>
									<div>刷脸支付</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>用户在支持微信刷脸支付的机器上，可以刷脸完成支付</div>
							</div>
						</div>
					</div>
					<div class="wgjlTit">运营工具</div>
					<div class="nav">
						<div class="list list3">
							<img src="img/cpImg/product_logo_1449576726_Ti6.png" >
							<div>
								<div>
									<div>现金红包</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>用户领取红包后，金额直接进入微信支付钱包</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1449575429_LAm.png" >
							<div>
								<div>
									<div>预充值代金券</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>先领券再核销，优惠金额来自预充值的营销经费</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1449631249_LgM.png" >
							<div>
								<div>
									<div>预充值立减与折扣</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>支付中直接减价，优惠金额来自商户预充值的营销经费</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1478830602_7WW.png" >
							<div>
								<div>
									<div>企业付款到个人银行卡</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>企业向指定银行卡付款，付款资金将直接进入收款银行账户</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1478830602_7WW.png" >
							<div>
								<div>
									<div>企业付款到零钱</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>企业向个人付款，付款资金将直接进入用户微信零钱</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1588732566_e7P.png" >
							<div>
								<div>
									<div>批量转账到零钱</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>可通过该功能批量向用户的微信零钱进行转账</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1597404738_Amx.png" >
							<div>
								<div>
									<div>连锁品牌认证</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>品牌总部可统筹管理品牌下门店的支付、营销、数据、资金等能力</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1449575429_LAm.png" >
							<div>
								<div>
									<div>免充值代金券</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>用户先领券再核销，优惠金额从商户订单实收中扣减</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1449631249_LgM.png" >
							<div>
								<div>
									<div>免充值立减与折扣</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>用户满足营销规则，支付中直接减价，优惠金额从商户订单实收中扣</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1449576726_Ti6.png" >
							<div>
								<div>
									<div>小程序红包</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>商户发放红包，用户在小程序页面领取</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1502261956_Myg.png" >
							<div>
								<div>
									<div>数据推送</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>商户可在移动端公众号收到经营数据的推送</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1542790563_083.png" >
							<div>
								<div>
									<div>电子发票</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>商户快速向用户开具电子发票，并插用户的微信卡包</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1585192992_Qav.png" >
							<div>
								<div>
									<div>支付即服务</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>支付后为用户推送服务人员名片，搭建商家和用户连接的桥梁</div>
							</div>
						</div>
						<div class="list list3">
							<img src="img/cpImg/product_logo_1603281623_EWi.png" >
							<div>
								<div>
									<div>微信缴费通</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>免开发即可线上收缴生活缴费类的费用</div>
							</div>
						</div>
					</div>
					<div class="wgjlTit">支付扩展工具</div>
					<div class="nav">
						<div class="list list4">
							<img src="img/cpImg/product_logo_1473671331_iXO.png" >
							<div>
								<div>
									<div>安全医生</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>为商户发起微信支付的网站提供安全诊断，出具修复建议</div>
							</div>
						</div>
						<div class="list list4">
							<img src="img/cpImg/product_logo_1458121793_yAC.png" >
							<div>
								<div>
									<div>分账</div>
								</div>
								<div>支持将交易款分发给多个微信支付商户或微信支付用户</div>
							</div>
						</div>
						<div class="list list4">
							<img src="img/cpImg/product_logo_1452517772_yhI.png" >
							<div>
								<div>
									<div>自助清关</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>通过接口，直接将商品的支付信息发送至海关，提高报关效率</div>
							</div>
						</div>
						<div class="list list4">
							<img src="img/cpImg/product_logo_1542938832_Mlg.png" >
							<div>
								<div>
									<div>微信收款商业版</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>无需开发，通过手机轻松完成微信支付收款、对账等操作</div>
							</div>
						</div>
					</div>
					<div class="wgjlTit">资金解决方案</div>
					<div class="nav" style="margin-bottom: 60px;">
						<div class="list list5">
							<img src="img/cpImg/product_logo_1453193318_bzd.png" >
							<div>
								<div>
									<div>运营账户</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>将交易之外的其他运营资金管理单独管理</div>
							</div>
						</div>
						<div class="list list5 zdtxBtn">
							<img src="img/cpImg/product_logo_1453192868_M3t.png" >
							<div>
								<div>
									<div>自动提现</div>
									<div><i class="ico-plaint"></i>未开通</div>
								</div>
								<div>定期自动将交易款转至银行账户中</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 产品大全结束 -->
				<!-- 自动提现 -->
				<div class="zdtx">
					<div class="zdtxTit">产品大全&nbsp;&nbsp;/&nbsp;&nbsp;<span style="color: #333333;">产品详情</span></div>
					<div class="mainTit">自动提现</div>
					<div class="tx">
						<div>
							<div>
								<i class="statusIcon"></i>
								<div>
									<div>权限冻结</div>
									<div>权限冻结时间：2021年09月03日</div>
								</div>
							</div>
							<div class="btn">
								申请开通
							</div>
						</div>
						<div>因存在违规记录被处罚冻结，详情查看账户中心-违规记录</div>
					</div>
					<div class="txt">
						<div class="txtTit">
							<div>功能介绍</div>
						</div>
						<div class="wgjlTit">简介</div>
						<div class="text">
							开通自动提现功能后，微信支付会自动将基本账户内的资金提取至你的结算银行卡，相对手动提现操作而言，更便捷。
						</div>
						<div class="wgjlTit">说明</div>
						<div class="text1">
							<div>
								<i class="ico-sign"></i>
								<div>
									<div>业务生效时间</div>
									<div>开通功能后，次日发起自动提现；关闭功能后，将不再发起自动提现。</div>
								</div>
							</div>
							<div>
								<i class="ico-sign"></i>
								<div>
									<div>自动提现时间</div>
									<div>每日08:00，自动将基本账户内的资金提现至结算银行卡，隔日到账。</div>
								</div>
							</div>
						</div>
						<div class="wgjlTit">操作指引</div>
						<div class="text">
							1. 若需要对账户留存额等进行设置，可从右上角“设置”进入操作。
						</div>
						<br>
						<div class="text" style="margin-bottom: 290px;">
							2. 若需要查看或下载自动提现的记录，可从「交易中心-资金管理-转入/转出记录」进入操作。
						</div>
					</div>
				</div>
				<!-- 自动提现结束 -->
				<!-- H5支付 -->
				<div class="h5zf">
					<div class="zdtxTit">产品大全&nbsp;&nbsp;/&nbsp;&nbsp;<span style="color: #333333;">产品详情</span></div>
					<div class="mainTit">H5支付</div>
					<div class="tx">
						<div>
							<div>
								<i class="statusIcon"></i>
								<div>
									<div>权限冻结</div>
									<div>权限冻结时间：2021年09月03日</div>
								</div>
							</div>
							<div class="btn1">
								关闭产品
							</div>
						</div>
					</div>
					<div class="txt">
						<div class="txtTit">
							<div>功能介绍</div>
						</div>
						<div class="wgjlTit">简介</div>
						<div class="text">
							H5支付是指商户在微信客户端外的移动端网页展示商品或服务，用户在前述页面确认使用微信支付时，商户发起本服务呼起微信客户端进行支付。主要用于触屏版的手机浏览器请求微信支付的场景。可以方便的从外部浏览器唤起微信支付。
						</div>
						<div class="wgjlTit">示例</div>
						<img src="img/H5zf.png" style="margin-bottom: 290px;">
					</div>
				</div>
				<!-- H5支付结束 -->
			</div>
		</div>




		<!-- 右侧帮助栏 -->
		<div class="bzl">
			<div><i class="ico-miniapp"></i></div>
			<div><i class="ico-down"></i></div>
			<div><i class="ico-edit"></i></div>
			<div><div>获取帮助</div></div>
		</div>
		<!-- 右侧帮助栏结束 -->
		<!-- 底部 -->
		<div class="foot">
			<div class="footContent">
				<div>
					<div class="footTit">关于我们</div>
					<div>关于微信支付</div>
					<div>平台使用协议</div>
					<div>支付服务协议</div>
					<div>联系我们</div>
				</div>
				<div>
					<div class="footTit">服务支持</div>
					<div>开发文档（商户）</div>
					<div>开发文档（服务商）</div>
					<div>物料下载</div>
				</div>
				<div>
					<div class="footTit">友情链接</div>
					<div>微信开放平台</div>
					<div>微信公众平台</div>
					<div>企业微信</div>
				</div>
				<div>
					<div class="footTit">客服帮助</div>
					<div>自助服务专区</div>
					<div>客服：95017-2</div>
					<div>（工作时间：09:00-22:00）</div>
				</div>
			</div>
			<div class="foot-b">Powered By Tencent & Tenpay　Copyright 2005-2021 Tenpay All Rights Reserved.</div>
		</div>
		<script src="./js/jq.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//$('.cpdq').hide()
				$('.zdtx').hide()
				$('.h5zf').hide()
				$('.cpzxBtn').on('click',function(){//我的产品
					document.title = '产品大全 - 微信支付商户平台';
					$('.cpdq').show()
					$('.zdtx').hide()
					$('.h5zf').hide()
				})
				$('.zdtxBtn').on('click',function(){//自动提现
					document.title = '自动提现 - 所有产品 - 微信商户平台';
					$('.cpdq').hide()
					$('.h5zf').hide()
					$('.zdtx').show()
					$('html,body').animate({scrollTop:0},0);
				})
				$('.h5zfBtn').on('click',function(){//H5支付
					document.title = 'H5支付 - 所有产品 - 微信商户平台';
					$('.cpdq').hide()
					$('.zdtx').hide()
					$('.h5zf').show()
					$('html,body').animate({scrollTop:0},0);
				})
			})
		</script>
	</body>
</html>
